
    <div>
        <div class="container-fluid">
           <div class="row" >
               <div class="col-sm-3 col-md-2">
                    <ul class="nav nav-pills nav-stacked" style="height:800px;overflow:auto;">
                       <li class="active"><a id="dbselect" href="#">Home</a></li>
                        {% block content %}
                        {% for post in posts %}
                        <li><a onclick="chanedb(this)" >{{ post }}</a></li>
                        {% endfor %}
                        {% endblock %}
                    </ul>
               </div>
               <div id="chandb" class="col-xs-9 col-sm-10" >
                     <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco
                        laboris nisi ut aliquip ex ea commodo consequat.
                     </p>
               </div>
           </div>
        </div>
    </div>